<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>症状类型</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style>
			 .search {
            position: relative;
            height: 0.8rem;
            padding: 0 0.54rem;
            background-color: #eee;
        }
        
        .search .iconfont {
            position: absolute;
            left: 30%;
            top: 0.24rem;
            color: #999;
            z-index: 2;
            font-size: 0.24rem;
        }
        
        .search input {
            position: absolute;
            top: 0.13rem;
            height: 0.56rem;
            width: 6.44rem;
            /*padding-left: 33%;*/
           /*text-align: center;*/
          	padding-left: 30%;
            border: 1px solid #fff;
            border-radius: 0.27rem;
            font-size: 0.24rem;
        }
        
        .contain {
            position: relative;
            font-size: 0.3rem;
            height: 0.7rem;
            line-height: 0.7rem;
        }
        .contain text {
        	position: absolute;
        	left: 0.2rem;
        }
        #cons .con {
        	border-bottom: 1px solid #c8c7cc;
        	height: 0.86rem;
        	line-height: 0.86rem;
        	position: relative;
        }
        #cons .con text {
        	font-size: 0.26rem;
        	color: #000;
        	position: absolute;
        }
        #cons .con .conT {
        	left: 0.2rem;
        }
        #cons .con text.iconfont {
        	right: 0.2rem;
        }
        #cons .color {
            background-color: #f5f5f5;
        }
		</style>
	</head>
	<body>
		<header>
			<span></span>
			<text class="title">症状类型</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section class="search">
        <text class="iconfont icon-search"></text>
        <form action="">
        	<input type="search" name="" id="" value="" placeholder="请输入关键字搜索症状" />
        </form>
    </section>
    <div class="contain">
    	<text>症状类型</text>
    </div>
    <section id="cons">
           <div class="con color">
           		 <text class="conT">便秘</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">便血</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">腹部肿胀</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">腹痛</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">腹泻</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">尿频</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">食欲异常</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">痛经</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">胃肠胀气</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">胃痛</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">脾肿大</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">肝肿大</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
           <div class="con">
           		 <text class="conT">全腹腹胀</text>
           		 <text class="iconfont icon-tiaozhuan"></text>
           </div>
    </section>
	</body>
	<script type="text/javascript" src="../../js/common.js"></script>
	<script type="text/javascript">
	var con = document.getElementById("cons").getElementsByClassName("con");
	for (var i = 0;i < con.length;i++) {
			con[i].onclick = function(){
				for (var i = 0;i < con.length;i++) {
					removeClass(con[i],"color")
				}
			 	addClass(this,"color")
			 	window.location.href="guide.html?backurl="+window.location.href; 
		}
	}
</script>
</html>
